<template>
    <div class="toast-tip">
        <p v-text="msg"></p>
    </div>
</template>

<script>
 export default {
    props: ["msg"],
    data () {
        return {
            // msg: "您的操作有误！"
        }
    }
 }
</script>

<style scoped>
    .toast-tip {
        width: 70%;
        height: 40px;
        padding-top: 8px;
        margin: 0 auto;
        text-align: center;
        border-radius: 4px;
        background-color: rgba(0,0,0,.7);

        position: absolute;
        top: 35%;
        right: 15%;
        z-index: 1000;
    }
    p {
        line-height: 1;
        font-size: 24px;
        color: #fff;
    }
</style>
